import React, { memo } from 'react'

import { RankingWrap } from './style'

import ThemeTitle from '@/components/theme-title'
import TopRanking from '@/components/top-ranking'

export default memo(function Ranking(props) {
  const {
    upRanking,
    newRanking,
    originRanking
  } = props

  return (
    <RankingWrap>
      <ThemeTitle title="榜单" isRecommend={true} url="/discover/toplist" />
      <TopRanking info={upRanking} />
      <TopRanking info={newRanking} />
      <TopRanking info={originRanking} />
    </RankingWrap>
  )
})
